<script setup lang="ts">
const props: any = defineProps<{
    ujt: any;
}>();
const { $db, $fn } = props.ujt;
const { userEdit } = $fn.useUser(props);
</script>

<template>
    <div class="as-user-area">
        <div class="as-user">
            <slot name="tit"></slot>
            <label>
                <div>{{ $fn.lg('channeluser.ui.pw') }}：</div>
                <input type="password" v-model="$db.channeluser.cur.pw" />
            </label>
            <label>
                <div>{{ $fn.lg('channeluser.ui.pwn') }}：</div>
                <input type="password" v-model="$db.channeluser.cur.pwn" />
            </label>
            <label>
                <div>{{ $fn.lg('channeluser.ui.pwnn') }}：</div>
                <input type="password" v-model="$db.channeluser.cur.pwnn" />
            </label>
            <div class="as-user-btns">
                <div class="cur" @pointerdown="userEdit()">
                    {{ $fn.lg('channeluser.ui.edit') }}
                </div>
                <slot name="btn"></slot>
            </div>
        </div>
    </div>
</template>

<style scoped lang="scss"></style>
